<template>
  <div class="audit-status-item">
    <div
      class="audit-status-item__hd"
      v-html="title"
    ></div>
    <div
      class="audit-status-item__bd"
      v-html="content"
    ></div>
  </div>
</template>

<script>
export default {
  name: "AuditStatusItem",
  props: {
    title: String,
    content: String
  }
};
</script>

<style lang="scss" scoped>
@import "~@/assets/scss/color";
.audit-status-item {
  font-size: 13px;
  margin-bottom: 5px;
  &__hd {
    line-height: 32px;
    font-weight: 700;
  }
  &__bd {
    left: 24px;
    padding: 10px;
    background: $--background-major;
    border-radius: 3px;
  }
}
</style>